<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>财务-订单额</title>
    <link rel="stylesheet"  type="text/css"  href="/lib/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet"  type="text/css" href="/css/roasting.css">
    <style>
       .goodslist-wrapper thead tr{
            background-color: rgba(102,102,102,1);
            color: #fff;
        }
        .goodslist-wrapper table{
            background: #FFFFFF;
            border: 1px solid #CCCCCC;
            border-radius: 2px;
        }
       .goodslist-wrapper tbody tr:nth-child(odd){
            background-color: #FAFAFA;
        }
        .goodslist-wrapper input[type=checkbox]{
            width: 14px;
            height: 14px;
        }
        #finance-popup{
            font-size: 14px;
        }
       i{
           color: #e92300;
       }

    </style>

</head>
<body>
<div class="goodslist-wrapper" style="padding: 0 30px 0 30px">
    <div>
        <ul class="nav nav-tabs" role="tablist">
            <li role="presentation" ><a href="#Finance" >商品订单收支差 <i>(900)</i></a></li>
            <li role="presentation" class="active"><a href="#FinanceOrder">收入额 <i>(900)</i></a></li>
            <li role="presentation"><a href="#FinanceRefund" >退款额 <i>(900)</i></a></li>
        </ul>
        <div CLASS="row " style="padding: 20px 0 10px 0">
            <div class="col-sm-12 form-inline">
                <form class="flt">
                    <input type="text" class="form-control" placeholder="退款单号">
                    <button type="submit" class="btn btn-default"><span class="glyphicon glyphicon-search"></span></button>
                </form>
                <div class="flt line2">
                    <a href="javascript:window.location.reload();" class="btn btn-default" style="margin-left: 20px">
                        <span class="glyphicon glyphicon-repeat"> 刷新-共 <i>900</i>条记录</span>
                    </a>
                </div>
            </div>
        </div>
        <div class="tab-content" style="margin-top: 20px">
            <form action="">
                <table class="table "style="text-align: center">
                    <thead style="border: 1px solid #BBBBBB;background-color:#eeeeee;" >
                        <tr style="border-bottom: 1px solid #BBBBBB">
                            <td>订单号</td>
                            <td>支付时间</td>
                            <td>付款方式</td>
                            <td>付款人</td>
                            <td>付款账号</td>
                            <td>实收金额</td>
                            <td>操作</td>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>
                                <span>ECS000938</span>
                            </td>
                            <td>
                                <sapn>2017-10-10  07：08</sapn>
                            </td>
                            <td>
                                <sapn>支付宝</sapn>
                            </td>
                            <td>
                                <span>张三</span>
                            </td>
                            <td>
                                <span>ECS000938</span>
                            </td>
                            <td>
                                <i>￥179.00</i>
                            </td>
                            <td>
                                <a href="javascript:;" class="btn btn-default btn-xs">查看</a>
                            </td>
                        </tr>

                    </tbody>
                </table>
            </form>
        </div>
    </div>
</div>



<script src="/lib/jquery/jquery.min.js"></script>
<script src="/lib/bootstrap/js/bootstrap.min.js"></script>
<script>
        $(".checkBtn").each(function (index, item) {
            $(item).click(function () {

            })
        })
</script>
</body>
</html>